<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="jquery.min.js"></script>
</head>

<body>
    <a href="http://www.itcast.cn" title="都挺好">都挺好</a>
    <input type="checkbox" name="" id="" checked>
    <span>123</span>
    <div>hh</div>
    <script>
        $(function() {
            // xxx.prop("属性名") 获取属性值
            console.log($("a").prop("href"));
            $("a").prop("title", "都挺好");
            $("input").change(function() {
                console.log($(this).prop("checked"));
            })

            // 元素自定义属性
            console.log($("div").attr("index"));
            // 修改自定义属性 attr("属性","属性值")

            // data()数据缓存 可以在指定的元素上存储数据，并不会修改DOM元素结构，一旦刷新页面，之前存放的数据都将被移除
            $("span").data("uname", "andy");
            console.log($("span").data("unname"));
            // 获取data-index H5自定义属性不用写data- 返回的是数字型
            console.log($("div").data("index"));
        })
    </script>

</body>

</html>